<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/queryloader2.min.js"></script>
		
		<style>
			body,html{
				height: 100%;
			}
			body{
				position: relative;
			}
		</style>
		
	</head>
	<body>
		<div class="hb-container">
			<div class="bg"></div>
			<div class="rul">
				<a href="javascript:void(0)" class="r_button">奖品&amp;活动规则&gt;&gt;</a>
			</div>
			<img id="hb" src="img/hb.png" alt="hb" />
			<img id="ru" class="hb-bg01" src="img/hb-bg01.png" alt="hb-bg01" />
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-22
        	描述：hb-container end
        -->		

		<div class="hdgz-cover-box" id="hb01" style="display:none;">
	    	<div class="hdgz-pop-box0">
	    		<div class="bg"></div>
		        <div class="hdgz-pop-close">
		            <b></b>
		        </div>
		        <div class="iframe">
		        	<iframe src="https://www.baidu.com/"></iframe>
		        </div>		        
		        <img id="hb58" src="img/58.png" alt="58" />
		        <img src="img/money.png" alt="money" />
	    	</div>
		</div>		
		
		<div class="hdgz-cover-box" id="hb02" style="display:none;">
	    	<div class="hdgz-pop-box01">
	    		<div class="bg"></div>
		        <div class="hdgz-pop-close">
		            <b></b>
		        </div>
		        <div class="join-form">
					<div class="form">姓名:<input type="text" placeholder="必填" /></div>
					<div class="form jl">电话:<input type="text" placeholder="必填" /></div>
					<div class="action"><a href="javascript:void(0);" id="sumbit"><img src="img/tj.png" alt="tj" /></a></div>
				</div>
				<img src="img/money.png" alt="money" />
	    	</div>
		</div>		
		
		<div class="share" style="display:none;"></div>
		
		<div id="hb03" class="hdgz-cover-box" style="display:none;">
	    	<div class="hdgz-pop-box02">
	    		<div class="bg"></div>
		        <div class="hdgz-pop-close">
		            <b></b>
		        </div>
		        <img src="img/code.jpg" alt="code" />
	    	</div>
		</div>	

		<div id="gz" class="hdgz-cover-box" style="display:none;">
	    	<div class="hdgz-pop-box4">
		        <div class="hdgz-pop-close">
		            <b></b>
		        </div>
		        <div class="hdgz-pop-content">
	                <h2><img src="img/logo.png" alt="logo" /></h2>
					<em>活动时间</em>：2015年11月12日—12月31日
					<br />
					<em>领奖地点</em>：高新区天府三街吉泰路588号 莱普敦公寓售楼部<img src="img/daohang.png" alt="daohang" />
					<br />
					<em>咨询电话</em>：028-85242222<img src="img/phone.png" alt="phone" />
					<br />
					<em>参与方式</em>：    
	                <ul>
	                	<li>1、长按图片，识别图中二维码，关注莱普敦公寓微信公众号。</li>
	                	<img src="img/code.jpg" alt="code" />
						<li>2、点击屏幕下方按钮【白挣58万】，提交姓名+电话开始报名，用户凭借分享朋友圈后获取的二维码到访售楼部，经过指定销售人员核实后，到访即可报销50元车费。</li>
						<li>3、参加此活动购房可享受3万元额外优惠。</li>
						<li>4、月度推荐达人更有机会获得iPhone 6s、Apple Watch、莱普敦酒店一晚入住体验券等豪华大礼。</li>						
						<li>5、本活动最终解释权归香港海洋集团莱普敦公寓所有。</li>
	                </ul>          
		        </div>
	    	</div>
		</div>	
		
		<div class="mid-box" id="qr" style="display:none;">
			<div class="gz_">
				<p>
					亲~感谢您上传照片参加本活动。微信现金红包将发到您的手机微信，敬请查收！1~100元随机金额，不成敬意！欢迎您11月14日下午2点莅临四海逸家活动现场，宝贝定制台历现场登记领取，同时抽取更多香港迪斯尼亲子游机会！

				</p>
				<p class="qr">
					<a href="">确认</a>
				</p>
			</div>
		</div>
		
		<script>
			$("body").queryLoader2({
				barColor: "#efefef",
				backgroundColor: "#111",
				percentage: true,
				barHeight: 1,
				minimumTime: 500,
				fadeOutTime: 1000,
				onComplete: function() {					
					
					$("#hb").bind("click", function() {
						$("#hb01").show();
					});
					$("#hb58").bind("click", function() {
						$("#hb02").show();
					});
					$("#sumbit").bind("click", function() {
						$(".share").show();
					});
					$(".share").bind("click", function() {
						$("#hb03").show();
					});
					
					$(".r_button").on("click", function() {
						$("#gz").show();
					});
					$("#gz").on("click", function() {
						$(this).hide();
					});					
					
					$("#ru").on("click", function() {
						$("#gz").show();
					});
					$("#gz").on("click", function() {
						$(this).hide();
					});					
					
				}
			});
			
		</script>
	</body>
</html>